﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>捐赠后台</title>
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<link rel="stylesheet" href="assets/materialize/css/materialize.min.css" media="screen,projection" />
    <!-- Bootstrap Styles-->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <!-- FontAwesome Styles-->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
    <!-- Morris Chart Styles-->
    <link href="assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />
    <!-- Custom Styles-->
    <link href="assets/css/custom-styles.css" rel="stylesheet" />
    <!-- Google Fonts-->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
    <link rel="stylesheet" href="assets/js/Lightweight-Chart/cssCharts.css">
</head>

<body>
    <div id="wrapper">
        <nav class="navbar navbar-default top-navbar" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle waves-effect waves-dark" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand waves-effect waves-dark" href="index.html"><strong>九院旧衣服捐赠平台</strong></a>

		<div id="sideNav" href=""><i class="material-icons dp48">toc</i></div>
            </div>

            <ul class="nav navbar-top-links navbar-right">
				<li><a class="dropdown-button waves-effect waves-dark" href="#!" data-activates="dropdown3">
                    <i class="fa fa-envelope fa-fw"></i>
                    <i class="material-icons right">arrow_drop_down</i></a></li>
				<li><a class="dropdown-button waves-effect waves-dark" href="#!" data-activates="dropdown2">
                    <i class="fa fa-bell fa-fw"></i>
                    <i class="material-icons right">arrow_drop_down</i></a></li>
				  <li><a class="dropdown-button waves-effect waves-dark" href="#!" data-activates="dropdown1">
                      <i class="fa fa-user fa-fw"></i> <b>管理员</b>
                      <i class="material-icons right">arrow_drop_down</i></a></li>
            </ul>
        </nav>
		<!-- Dropdown Structure -->
<ul id="dropdown1" class="dropdown-content">
<li><a href="#"><i class="fa fa-gear fa-fw"></i> 切换账号</a>
</li>
<li><a href="#"><i class="fa fa-sign-out fa-fw"></i> 退出</a>
</li>
</ul>
<ul id="dropdown2" class="dropdown-content w250">
    <li>
        <div>
            <strong>John Doe</strong>
            <span class="pull-right text-muted">
                                        <em>Today</em>
                                    </span>
        </div>
        <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s...</p>
        </a>
    </li>
    <li class="divider"></li>
    <li>
        <div>
            <strong>John Smith</strong>
            <span class="pull-right text-muted">
                                        <em>Yesterday</em>
                                    </span>
        </div>
        <p>Lorem Ipsum has been the industry's standard dummy text ever since an kwilnw...</p>
        </a>
    </li>
    <li class="divider"></li>
    <li>
        <a href="#">
            <div>
                <strong>John Smith</strong>
                <span class="pull-right text-muted">
                                        <em>Yesterday</em>
                                    </span>
            </div>
            <p>Lorem Ipsum has been the industry's standard dummy text ever since the...</p>
        </a>
    </li>
    <li class="divider"></li>
    <li>
        <a class="text-center" href="#">
            <strong>更多留言</strong>
            <i class="fa fa-angle-right"></i>
        </a>
    </li>
</ul>
<ul id="dropdown3" class="dropdown-content dropdown-tasks w250 taskList">
    <li>
        <div>
            <i class="fa fa-comment fa-fw"></i> 新的短信
            <span class="pull-right text-muted small">4分钟前</span>
        </div>
        </a>
    </li>
    <li class="divider"></li>
    <li>
        <div>
            <i class="fa fa-twitter fa-fw"></i> 新的私信
            <span class="pull-right text-muted small">12分钟</span>
        </div>
        </a>
    </li>
    <li class="divider"></li>
    <li>
        <div>
            <i class="fa fa-envelope fa-fw"></i> 新的邮件
            <span class="pull-right text-muted small">10分钟前</span>
        </div>
        </a>
    </li>
    <li class="divider"></li>
    <li>
        <div>
            <i class="fa fa-tasks fa-fw"></i> 新的用户
            <span class="pull-right text-muted small">3分钟前</span>
        </div>
        </a>
    </li>
    <li class="divider"></li>
</ul>
	   <!--/. NAV TOP  -->
        <nav class="navbar-default navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
					<li>
                        <a href="#" class="waves-effect waves-dark"><i class="fa fa fa-desktop"></i> 赠品管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="gift classification.html ">赠品分类</a>
                            </li>
                            <li>
                                <a href="gift collect.html ">赠品收取</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#" class="waves-effect waves-dark"><i class="fa fa-edit"></i> 留言管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="the advise.html ">问题意见</a>
                            </li>
                            <li>
                                <a href="the message.html ">爱心留言</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#" class="waves-effect waves-dark"><i class="fa fa-user"></i> 用户管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="User list.html ">用户列表</a>
                            </li>
                            <li>
                                <a href="donation record.html ">捐赠记录</a>
                            </li>
                            <li>
                                <a href="message record.html ">留言记录</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#" class="waves-effect waves-dark"><i class="fa fa-sitemap"></i> 系统管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="system setup.html ">系统设置</a>
                            </li>
                            <li>
                                <a href="notice release.html ">通知发布</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#" class="waves-effect waves-dark"><i class="fa fa-bookmark"></i> 管理员管理<span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="managers.html ">管理员列表</a>
                            </li>
                            <li>
                                <a href="privilege management.html ">权限管理</a>
                            </li>
                        </ul>
                    </li>
                </ul>

            </div>

        </nav>
        <!-- /. NAV SIDE  -->
		<div id="page-wrapper">
		  <div class="header">
                        <h1 class="page-header">
                            用户列表
                        </h1>
						<ol class="breadcrumb">
					  <li><a href="#">主页</a></li>
					  <li class="active">用户列表</li>
					</ol>

		</div>
            <div id="page-inner">
				<div class="row">
					<div class="col-xs-12 col-sm-12 col-md-7">
					<div class="cirStats">
						  	<div class="row">
								<div class="col-xs-12 col-sm-6 col-md-6">
										<div class="card-panel text-center">
											<h4>春秋装</h4>
											<div class="easypiechart" id="easypiechart-blue" data-percent="82" ><span class="percent">82%</span>
											</div>
										</div>
								</div>
								<div class="col-xs-12 col-sm-6 col-md-6">
										<div class="card-panel text-center">
											<h4>夏装</h4>
											<div class="easypiechart" id="easypiechart-red" data-percent="46" ><span class="percent">46%</span>
											</div>
										</div>
								</div>
								<div class="col-xs-12 col-sm-6 col-md-6">
										<div class="card-panel text-center">
											<h4>冬装</h4>
											<div class="easypiechart" id="easypiechart-teal" data-percent="84" ><span class="percent">84%</span>
											</div>
										</div>
								</div>
								<div class="col-xs-12 col-sm-6 col-md-6">
										<div class="card-panel text-center">
											<h4>其他</h4>
											<div class="easypiechart" id="easypiechart-orange" data-percent="55" ><span class="percent">55%</span>
											</div>
										</div>
								</div>
							</div>
						</div>
						</div><!--/.row-->
						<div class="col-xs-12 col-sm-12 col-md-5">
						     <div class="row">
									<div class="col-xs-12">
									<div class="card">
										<div class="card-image donutpad">
										  <div id="morris-donut-chart"></div>
										</div>
										<div class="card-action">
										  <b>浏览人数</b>
										</div>
									</div>
								</div>
							 </div>
						</div><!--/.row-->
					</div>


				<div class="row">
				<div class="col-md-5">
						<div class="card">
						<div class="card-image">
						 <div id="morris-line-chart"></div>
						</div>
						<div class="card-action">
						  <b>Line Chart</b>
						</div>
						</div>

					</div>

						<div class="col-md-7">
					<div class="card">
					<div class="card-image">
					  <div id="morris-bar-chart"></div>
					</div>
					</div>
					</div>

				</div>
            </div>
            <!-- /. PAGE INNER  -->
        </div>
        <!-- /. PAGE WRAPPER  -->
    </div>
    <!-- /. WRAPPER  -->
    <!-- JS Scripts-->
    <!-- jQuery Js -->
    <script src="assets/js/jquery-1.10.2.js"></script>
	
	<!-- Bootstrap Js -->
    <script src="assets/js/bootstrap.min.js"></script>
	
	<script src="assets/materialize/js/materialize.min.js"></script>
	
    <!-- Metis Menu Js -->
    <script src="assets/js/jquery.metisMenu.js"></script>
    <!-- Morris Chart Js -->
    <script src="assets/js/morris/raphael-2.1.0.min.js"></script>
    <script src="assets/js/morris/morris.js"></script>
	
	
	<script src="assets/js/easypiechart.js"></script>
	<script src="assets/js/easypiechart-data.js"></script>
	
	 <script src="assets/js/Lightweight-Chart/jquery.chart.js"></script>
	
    <!-- Custom Js -->
    <script src="assets/js/custom-scripts.js"></script> 


</body>

</html>